/*$menu-bg-w-color1: #40A9FF;
$menu-bg-w-color2: #FFCE1A;
$menu-bg-w-color3: #FA8D15;
$menu-bg-w-color4: #16C2C0;
$menu-bg-w-color5: #5AD8A6;
$menu-bg-w-color6: #6CC8EC;
$menu-bg-w-color7: #945FB9;*/



.learun-theme-color-type-color {
  .learun-header {
    overflow: hidden;

    &:before {
      content: '';
      background: radial-gradient(circle farthest-side at left bottom,
          rgb(255 255 255 / 25%) 0%,
          rgb(255 255 255 / 25%) 0%,
          rgb(217 179 255 / 25%) 29%,
          rgb(255 255 191 / 25%) 57%,
          rgb(153 221 255 / 25%) 78%,
          rgb(179 198 255 / 25%) 100%);
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      filter: blur(40px);
    }

    &:after {
      display: none;
    }


    .learun-header-logo,
    .right-bar {
      z-index: 3;
    }


    .learun-header-logo .text {
      color: $heading-color;
    }

    .el-avatar {
      background-color: $primary-color-light;
      color: $primary-color;
    }

    &--icon-btn {
      color: $text-color-secondary;
      font-size: 12px !important;

      &:hover {
        color: $text-color-secondary;
      }

      &:not(.noBg):before {
        content: ' ';
        position: absolute;
        height: 24px;
        width: 24px;
        border-radius: 16px;
        top: 0;
        left: 8px;
        background: rgba(255, 255, 255, 0.32);
        border: 1px solid $background-color;
      }
    }
  }

  /* 侧边栏调整 */
  .learun-sidebar {
    .el-menu {
      background-color: transparent !important;
    }

    background-color: #fff;

    &:before {
      content: '';
      background: radial-gradient(circle farthest-side at left bottom,
          rgb(255 255 255 / 25%) 0%,
          rgb(255 255 255 / 25%) 0%,
          rgb(217 179 255 / 25%) 29%,
          rgb(255 255 191 / 25%) 57%,
          rgb(153 221 255 / 25%) 78%,
          rgb(179 198 255 / 25%) 100%);
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      filter: blur(40px);
    }

    &__collapse {
      border-bottom: 1px solid $border-color-split;
      color: $text-color-secondary;
    }
  }

  &.learun-theme-nav-side2 {
    .learun-sidebar {
      .learun-el-menu {

        .el-menu-item:nth-of-type(7n+1),
        .el-submenu:nth-of-type(7n+1) .el-submenu__title {
          &:before {
            background-image: linear-gradient(180deg, #74D4FF 0%, #40A9FF 100%) !important;
            border: 1px solid rgba(76, 179, 255, 1) !important;
          }
        }

        .el-menu-item:nth-of-type(7n+2),
        .el-submenu:nth-of-type(7n+2) .el-submenu__title {
          &:before {
            background-image: linear-gradient(180deg, #FFE939 0%, #FFCE1A 100%) !important;
            border: 1px solid rgba(255, 211, 32, 1) !important;
          }
        }

        .el-menu-item:nth-of-type(7n+3),
        .el-submenu:nth-of-type(7n+3) .el-submenu__title {
          &:before {
            background-image: linear-gradient(180deg, #FDC02F 0%, #FA8D15 100%) !important;
            border: 1px solid rgba(250, 145, 23, 1) !important;
          }
        }

        .el-menu-item:nth-of-type(7n+4),
        .el-submenu:nth-of-type(7n+4) .el-submenu__title {
          &:before {
            background-image: linear-gradient(180deg, #31E2E2 0%, #16C2C0 100%) !important;
            border: 1px solid rgba(23, 196, 194, 1) !important;
          }
        }

        .el-menu-item:nth-of-type(7n+5),
        .el-submenu:nth-of-type(7n+5) .el-submenu__title {
          &:before {
            background-image: linear-gradient(180deg, #93EED2 0%, #5AD8A6 100%) !important;
            border: 1px solid rgba(96, 218, 171, 1) !important;
          }
        }

        .el-menu-item:nth-of-type(7n+6),
        .el-submenu:nth-of-type(7n+6) .el-submenu__title {
          &:before {
            background-image: linear-gradient(180deg, #A5E6F7 0%, #6CC8EC 100%) !important;
            border: 1px solid rgba(112, 202, 237, 1) !important;
          }
        }

        .el-menu-item:nth-of-type(7n+7),
        .el-submenu:nth-of-type(7n+7) .el-submenu__title {
          &:before {
            background-image: linear-gradient(180deg, #C698DD 0%, #945FB9 100%) !important;
            border: 1px solid rgba(152, 99, 188, 1) !important;
          }
        }



        .el-menu__text {
          color: $heading-color  !important;

        }


      }
    }
  }


  .learun-more-light-el-menu {


    .el-menu--popup {
      &:before {
        content: '';
        background: radial-gradient(circle farthest-side at left bottom,
            rgb(255 255 255 / 25%) 0%,
            rgb(255 255 255 / 25%) 0%,
            rgb(217 179 255 / 25%) 29%,
            rgb(255 255 191 / 25%) 57%,
            rgb(153 221 255 / 25%) 78%,
            rgb(179 198 255 / 25%) 100%);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        filter: blur(80px);

        border: 1px solid #fff;
      }
    }



    .el-menu-item,
    .el-submenu__title {
      &.is-active {
        &:before {
          background: rgba(255, 255, 255, 0.58);
          border: 1px solid #fff;
        }
      }
    }

    .el-submenu {
      &.is-active>.el-submenu__title {
        &:before {
          content: '';
          background: rgba(255, 255, 255, 0.58);
          border: 1px solid #fff;
        }
      }
    }

  }

  .learun-main__views {
    &>.l-quick-bi-viewer {
      background-color: #fff;

      &::before {
        content: '';
        background: radial-gradient(circle farthest-side at left bottom,
            rgb(255 255 255 / 25%) 0%,
            rgb(255 255 255 / 25%) 0%,
            rgb(217 179 255 / 25%) 29%,
            rgb(255 255 191 / 25%) 57%,
            rgb(153 221 255 / 25%) 78%,
            rgb(179 198 255 / 25%) 100%);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        filter: blur(80px);
        pointer-events: none;
      }
    }
  }
}